<script setup>

import CommonBox from "../../components/CommonBox.vue";
import {ref} from "vue";
const option = ref({
  xAxis: {
    type: 'category',
    data: ['笔筒包装袋', '钢条', '供应商管理解决方案', '进存销解决方案', 'finebi']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [0, 3, 33, 40, 32],
      type: 'bar'
    }
  ]
});

</script>

<template>
  <common-box>
    <div class="chart-header">
      入库总数
    </div>
    <div style="height: 15em;width: 100%;">
      <v-chart :option="option"></v-chart>
    </div>
  </common-box>
</template>

<style scoped>
.chart-header {
  text-align: left;
  font-size: 0.5em;
  padding: 0.2em 0 0.2em 1em;
}
</style>